
import './index.scss'
import Bar from '@/components/Bar'
/**
 * 思路:
 * 1.看官方文档 把echarts加入项目 
 *   如何在react中获取dom --> useRef()
 *   在什么地方获取dom --> useEffect()
 * 2.不抽离定制化的参数 先把最小化demo运行起来
 * 3.按照需求 哪些参数需要自定义 抽离出来
 */

function Home () {
  return (
    <div>
      {/* 渲染Bar组件 */}
      <Bar
        title='主流框架使用满意度1'
        xData={['react', 'vue', 'angular']}
        yData={[30, 44, 55]}
        style={{ width: '500px', height: '400px' }}
      />
      <Bar
        title='主流框架使用满意度2'
        xData={['react', 'vue', 'angular']}
        yData={[60, 87, 75]}
        style={{ width: '300px', height: '200px' }}
      />
    </div>
  )
}
export default Home